@import '../common/init.scss';
@import '../common/constants.scss';
@import '../common/style.scss';
@import '../common/header.scss';
@import '../common/sidebar.scss';
@import '../common/window_control.scss';
@import '../common/banner.scss';

.main{
	width: 100%;
	margin-top: 74px;
	.wrapper{
		width: $PageWidth;
		.articles-wrapper{
			background-color: #fff;
			width: $mainBoxWidth;
			box-sizing: border-box;
			padding: 20px;
			.main-title{
				font-size: 20px;
				user-select: none;
				border-bottom: 1px solid $lineColor;
			}
			.write-list{
				margin-top: 20px;
				li{
					display: flex;
					border-bottom: 1px solid $lineColor;
					padding: 10px 0 10px;
					.left{
						width: 150px;
						height: 100px;
						a{
							width: 100%;
							height: 100%;
							img{
								width: 100%;
								height: 100%;
								border-radius: 5px;
							}
						}
					}
					.right{
						flex: 1;
						height: 100px;
						margin-left: 20px;
						position: relative;
						.title{
							font-size: 18px;
						}
						.desc{
							margin-top: 5px;
							font-size: 12px;
							color: #ccc;
						}
						.more{
							bottom: 0;
							position: absolute;
							width: 100%;
							.tags{
								color: #666;
								font-size: 10px;
								line-height: 21px;
							}
							.author{
								color: #999;
								margin-right: 20px;
							}
							.pub-time{
								color: #999;
							}
					}
					}
				}
			}
		}
	}
}